<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="s" uri="/struts-tags"%>
<%@ taglib prefix="sj" uri="/struts-jquery-tags"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd" >
<html>
<head>
<script type="text/javascript" src="scripts/funciones.js"></script>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script language="JavaScript" type="text/javascript">
function soloNumeros(k){
    	 var tecla = 0;
    	 if(typeof (k.charCode) == 'undefined' ){
    		 tecla = k.keyCode;
    	 }else{
    		 tecla = k.charCode;
    	 }
    	 if(tecla==0)
    		 return true;
    	 if(tecla==46)
    		 tecla=44;
    	 if (( tecla < 48 || tecla > 57 ) && tecla !=46 ){
    	     return false;
    	   
    	 }
    	   return true;
   } 
</script>  
</head>
<body onload="ini()" onkeypress="parar()" onclick="parar()" onmousemove="parar()">
<div><img id="progreso_gd" src="images/ajax-loader.gif" alt="Guardando..." style="display: none" /></div>
<div id='resultado_gd'  align='left'  >
   <div class="titulo-frame" align='center'>Datos basicos del cliente</div>
    <s:set name="n_cod"><s:property value="cod_cliente" /></s:set>
	<s:form action="actualizar_cliente" id="form_act_clientes" theme="simple">
	<table width="100%">
		<tr>
			<td width="5%" class='tabla_th1'>Cliente:</td>
			<s:hidden name='cod_cliente' id='cod_cliente' value='%{n_cod}' ></s:hidden>
			<td  class='tabla_celda1' colspan='5' >
			    <s:property value="cliente.identificacion" /> - <s:property value="cliente.descripcion" />
			</td>
		</tr>
		<tr>
			<td width="5%"  class='tabla_th1'>Direccion:</td>
			<td colspan='5' class='tabla_celda1' >Estado: <s:property value="cliente.estado" />,Municipio: <s:property value="cliente.des_municipio" />, <s:property value="cliente.ciudad" />, <s:property value="cliente.zona" />, <s:property value="cliente.direccion" />
			</td>
		</tr>
		<tr>
		    <td width="5%"  class='tabla_th1'>Telefonos:</td>
			<td width="20%" class='tabla_celda1' >
			   <s:property value="cliente.telefono" /> / <s:property value="cliente.tel_oficina" />
			</td>
			<td width="5%"  class='tabla_th1'>Email:</td>
			<td width="20%" class='tabla_celda1' >
			   <s:property value="cliente.email" />
			</td>
			<td width="10%"  class='tabla_th1'>Sitio web:</td>
			<td class='tabla_celda1' >
			   <s:property value="cliente.web" />
			</td>
		</tr>
	</table>
	</s:form>

	<s:url id="remoteurl1" action="cargar_frm_historico_cli.action" >
		<s:param name="cod_cliente" value="%{n_cod}" />
	</s:url>
	<s:url id="remoteurl2" action="listar_contratos.action" >
		<s:param name="cod_cliente" value="%{n_cod}" />
	</s:url>
	<s:url id="remoteurl3" action="cargar_frm_contactos_cli.action" >
		<s:param name="cod_cliente" value="%{n_cod}" />
	</s:url>
	<s:url id="remoteurl4" action="cargar_frm_actividad_cli.action" >
		<s:param name="cod_cliente" value="%{n_cod}" />
	</s:url>
	<s:url id="remoteurl5" action="listar_sedes.action" >
		<s:param name="cod_cliente" value="%{n_cod}" />
	</s:url>
	<s:url id="remoteurl6" action="listar_contra_mud.action" >
		<s:param name="cod_cliente" value="%{n_cod}" />
	</s:url>
	<sj:tabbedpanel id="tab_icliente" selectedTab="0" collapsible="true"  >
		<sj:tab id="tab1" href="%{remoteurl1}" 	label="Seguimiento"  />
		<sj:tab id="tab2" href="%{remoteurl2}" 	label="Contratos"    />
		<sj:tab id="tab3" href="%{remoteurl3}" 	label="Contactos"    />
		<sj:tab id="tab4" href="%{remoteurl4}" 	label="Actividad"    />
		<sj:tab id="tab5" href="%{remoteurl5}" 	label="Actualizar Servicio (Upgrade)"    />
		<sj:tab id="tab6" href="%{remoteurl6}" 	label="Solicitud Mudanza"    />
	</sj:tabbedpanel>   
</div>
</body>
</html>